import { Component } from 'react'
import { Menu, Icon } from 'antd'
const { SubMenu } = Menu

class LtMenu extends Component {
  constructor(props) {
    super(props)
    this.state = {}
  }

  render() {
    return (
      <Menu
        onClick={this.handleClick}
        style={{ width: '100%' }}
        defaultSelectedKeys={['introduce']}
        defaultOpenKeys={['summary', 'example']}
        mode="inline"
      >
        <Menu.Item key="introduce">
          <Icon type="unordered-list" />
          介绍
        </Menu.Item>
        <SubMenu
          key="summary"
          title={
            <span>
              <Icon type="unordered-list" />
              <span>概述</span>
            </span>
          }
        >
          <Menu.ItemGroup key="front" title="前端">
            <Menu.Item key="blog">博客系统</Menu.Item>
            <Menu.Item key="manage">管理平台</Menu.Item>
          </Menu.ItemGroup>
          <Menu.ItemGroup key="back" title="服务端">
            <Menu.Item key="nest">后台系统</Menu.Item>
          </Menu.ItemGroup>
        </SubMenu>
        <SubMenu
          key="example"
          title={
            <span>
              <Icon type="appstore" />
              <span>示例系统</span>
            </span>
          }
        >
          <Menu.ItemGroup key="front" title="前端">
            <Menu.Item key="blog">Next.js+antd-design</Menu.Item>
            <Menu.Item key="manage">Nuxt.js+antd-design</Menu.Item>
            <Menu.Item key="manage">Vue+Element-UI</Menu.Item>
            <Menu.Item key="manage">Vue+IView-UI</Menu.Item>
            <Menu.Item key="manage">Layui</Menu.Item>
            <Menu.Item key="manage">Bootstrap</Menu.Item>
          </Menu.ItemGroup>
          <Menu.ItemGroup key="back" title="服务端">
            <Menu.Item key="nest">Nest.js+Mysql</Menu.Item>
            <Menu.Item key="nest">Koa2.js+Mysql</Menu.Item>
          </Menu.ItemGroup>

        </SubMenu>
        <Menu.Item key="introduce">
          <Icon type="unordered-list" />
          更新日志
        </Menu.Item>
      </Menu>
    )
  }
}

export default LtMenu